<template>
  <div class="son">
       <h1>我是子组件:曹植</h1>
       <!-- props可以省略前面的名字 -->
       <p>{{info}}</p>
       <p>{{props.money}}</p>
       <button @click="updateProps">修改props的数据</button>
  </div>
</template>

<script setup lang="ts">
//需要使用到defineProps方法去接受父组件传递过来的数据
//defineProps是Vue3提供方法,不需要引入直接使用
let props=defineProps(['info','money'])//数组 对象
console.log(props)

const updateProps=()=>{
  // props.money+=10//PROPS：只读的

}
</script>

<style scoped>
.son{
  width: 400px;
  height: 200px;
  background: rgb(202, 235, 242);
}
</style>